<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{% block title %}base page{% endblock %}</title>
    
    <!-- Bootstrap-3.3.4 css -->
    <link href="../../static/css/bootstrap_noresponsive.css" rel="stylesheet">
    <link href="../../static/css/font-awesome.css" rel="stylesheet">
    
    <link href="../../static/css/bk.css" rel="stylesheet">

    <link href="../../static/css/main.css" rel="stylesheet">

    {% block css %}
    {% endblock %}

</head>

<body>
    <div class="wrap">
        <!-- 头部 -->
        <header>
            <div class="navbar navbar-black">
                <div class="navbar-container">
                    <div class="navbar-header pull-left">
                        <a class="navbar-brand" href="#">
                        <i class="fa fa-leaf"></i>
                        xiaoe-tech
                    </a>
                    </div>

                    <div class="navbar-header pull-right">
                        <ul class="nav">
                            <li class="user-info">
                                <a href="#">
                                <img class="img-rounded" src="../../static/img/avatar.png">
                                <span>admin</span>
                            </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </header>

        <!-- 侧边栏 -->
        <div class="king-vertical-nav4">
            <div class="sidebar-inner">
                <ul class="navi">
                    <li class="current active">
                        <a href="/">
                        <i class="fa fa-gear"></i>首页
                    </a>
                    </li>
                    <li class="has_submenu">
                        <a href="javascript:;">
                        <i class="fa fa-wrench"></i>表单
                        <span class="pull-right"><i class="fa fa-angle-down"></i></span>
                    </a>
                        <ul class="sub-menu">
                            <li>
                                <a href="form1.html">表单一<i class="fa fa-chevron-right pull-right"></i></a>
                            </li>
                            <li>
                                <a href="form2.html">表单二<i class="fa fa-chevron-right pull-right"></i></a>
                            </li>
                            <li>
                                <a href="form3.html">表单三<i class="fa fa-chevron-right pull-right"></i></a>
                            </li>
                        </ul>
                    </li>

                    <li class="has_submenu">
                        <a href="javascript:;">
                        <i class="fa fa-wrench"></i>targets
                        <span class="pull-right"><i class="fa fa-angle-down"></i></span>
                    </a>
                        <ul class="sub-menu">
                            <li>
                                <a href="/v1/operator/tpage">target列表<i class="fa fa-chevron-right pull-right"></i></a>
                            </li>
                        </ul>
                    </li>

                </ul>
            </div>
        </div>

        <div class="king-main-container" style="padding-top: 0px; padding-bottom: 0px;">
            <div class="container-fluid">
                {% block content %}
                {% endblock %}
            </div>
        </div>

    </div>

    <!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
    <script src="../../static/js/jquery-1.10.2.min.js"></script>
    <!-- 包括所有bootstrap-3.3.4的js插件或者可以根据需要使用的js插件调用　-->
    <script src="../../static/js/bootstrap.min.js"></script>

    <script src="../../static/js/index.js"></script>

    {% block js %}
    {% endblock %}

</body>

</html>